<!DOCTYPE html>
<!-- saved from url=(0065)http://wqs.jd.com/promote/2015/jdpai/index.html?from=groupmessage -->
<html lang="zh-TW">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>Ladouce</title>
		<script type="text/javascript">
			if(/Android (\d+\.\d+)/.test(navigator.userAgent)) {
				var version = parseFloat(RegExp.$1)
				if(version > 2.3) {
					var phoneScale = parseInt(window.screen.width) / 640
					document.write('<meta name="viewport" content="width=640,minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ',target-densitydpi=device-dpi">')
				} else {
					document.write('<meta name="viewport" content="width=640,target-densitydpi=device-dpi">')
				}
			} else {
				document.write('<meta name="viewport" content="width=640,user-scalable=no,target-densitydpi=device-dpi,minimal-ui">')
			}
		</script>
		<!--[if lt IE 9]>
    <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
		<link rel="stylesheet" type="text/css" href="css/animate.min.css">
		<link rel="stylesheet" href="css/jquery.pagepiling.css">
		<link rel="stylesheet" type="text/css" href="css/layout.css">
		<style>
			.section {
				text-align: center;
				font: 50px "Microsoft Yahei";
			}
			
			#pp-nav {
				display: none;
			}
			
			.fixed {
				padding: 30px 0;
			}
			
			.menu li a {
				font-size: 26px;
			}
		</style>
	</head>

	<body>
		<div class="loadingout">
			<div class="loading">

			</div>
		</div>
		<audio id="bgmusic" src="bgm/bgm-train01.mp3" loop=""  style="z-index: -1; position: relative;"></audio>
		<img src="img/music.png" alt="" id="music" class="show play-music" onclick="fnMusic()">
		<div class="Arrow hide"><img src="img/Arrow.png" /></div>
		<section class="pagebox" id="pagebox">
			<div class="section">
				<div class="pg1 hide">
					<div class="Train01" id="Train01"></div>
					<div class="carriage-text">
						眼睛健康小火车
					</div>
					<div class="carriage"></div>
					<div class="Train02"></div>
					<div class="Train03"></div>
					<div class="btn-go hide">
						<a href="#page2" id="btn-go">上火车</a>
					</div>
					<div class="fixed text-center hide">
						<ul class="menu">
							<li>
								<a href="knowledge-train.html">知识车厢</a>
							</li>
							<li>
								<a href="product.html">眼睛救星</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="section">
				<div class="pg2">
					<div class="bg-pg02-1 ">
						<div class="textbox textbox-boy-01 hide">
							哇！在做功课吗？<br /> 好认真哦！
						</div>
						<button class="button btn-call-boy hide" id="btn-call-boy">
		            					叫他
						</button>
					</div>
					<div class="bg-pg02-2 hide">
						<div class="phone-boy"></div>
						<div class="muzhi">
							<img src="img/boy-muizhi.png" />
						</div>
						<div class="boy-mouth">

						</div>
						<button class="textbox textbox-boy-02" id="textbox-boy-02">							
							竟然在玩手机!!							
						</button>
					</div>
					<div class="bg-pg02-3 hide">
						<div class="slap"></div>
						<div class="Tears"></div>
						<!--<div class="face"></div>-->
						<div class="Glasses"></div>
						<div class="boy-mouth02">

						</div>
						<div class="pg2-3-phone"></div>
						<div class="pg2-3-kuang hide"></div>
						<div class="textbox-boy-03 hide">
							<a href="#page3">
								再玩，眼睛要瞎了!
							</a>
						</div>
					</div>
				</div>
			</div>

			<div class="section">
				<div class="pg3">
					<div class="bg-pg3-1 ">
						<div class="comp_linght"></div>
						<button class="button btn-call-girl" id="btn-call-girl">
							下班
						</button>
					</div>
					<div class="bg-pg3-2 hide">
						<div class="girl-walk">
							<img src="img/girl-02.png" />
							<div class="girl-phone-light"></div>
						</div>
						<button class="button btn-call-girl02 hide" id="btn-call-girl02">
							叫她
						</button>
					</div>
					<div class="bg-pg3-3 hide">
						<div class="girl-Back hide">

						</div>
						<div class="girl-img03">

						</div>
						<div class="girl-img02">

						</div>
						<div class="girl-img01">

						</div>

						<div class="pg2-3-kuang hide"></div>
						<div class="textbox-boy-03  hide">
							<a href="#page4">
								用电脑又用手机<br /> 眼压要爆表啦！
							</a>
						</div>
					</div>
				</div>
			</div>

			<div class="section">
				<div class="pg4">
					<div class="bg-pg4-1 ">
						<button class="button btn-call-old" id="btn-call-old">
							叫她
						</button>
						<div class="clouds01"></div>
						<div class="clouds02"></div>
						<div class="needle">

						</div>
					</div>
					<div class="bg-pg4-2 hide">
						<div class="oldwoman">
							<div class="eyebrow-left">

							</div>
							<div class="eyebrow-right">

							</div>
							<div class="oldwomanimg">
								<img src="img/oldman.png" />
							</div>
							<button class="oldwoman-text hide" id="oldwoman-text">
								哎....
							</button>
						</div>
						<div class="lefthand">

						</div>
						<div class="righthand">

						</div>
					</div>
					<div class="bg-pg4-3 hide">
						<div class="oldwoman-mouth">

						</div>
						<div class="needle02">

						</div>
						<div class="pg2-3-kuang hide"></div>
						<div class="textbox-boy-03 hide">
							<a href="#page5">
								要这老花眼镜<br /> 有何用！
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="section">
				<div class="pg5">
					<div class="Train-pg5">

					</div>
					<div class="pg5-links">
						<a href="knowledge-train.html">选择知识列车</a>
						<a href="product.html">眼睛救星-叶明亮</a>
					</div>
					<div class="people">

					</div>
				</div>
			</div>
		</section>
		<section style="z-index: -1;">
			<audio src="bgm/bgm-main.mp3" loop=""></audio>
			<audio src="bgm/bgm-Transition.mp3" loop=""></audio>
			<audio src="bgm/bgm-train01.mp3" loop=""></audio>
			<audio src="bgm/bgm-train02.mp3" loop=""></audio>
		</section>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.pagepiling.min.js"></script>
		<script src="js/jquery.easing.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.easing.compatibility.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jweixin-1.0.0.js"></script>		
		<script src="js/requestAnimFrame.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/call.js" type="text/javascript" charset="utf-8"></script>
		<!--点击画面切换-->
	</body>

</html>